$primary-color: #2196f3;

$color-page-bg: #f0f2f5;
$black: #000;
$white: #fff;
$orange-color: #fd8814;
$red-color: #f23030;
$golden-color: #ab956d;
$silver-grey-color: #ccc;
$light-grey-color: #ededed;
$ice-blue-color: #53c7ca; //冰蓝
$green-color: #07c160;

$text-color: #333;
$text-color-light: #56585c;
$text-color-lighter: #999;


%page {
  display: flex;
  flex-direction: column;
  background-color: $color-page-bg;
  min-height: 100vh;
  color: $text-color;
  box-sizing: border-box;
  width: 100%;
}

%flex {
  display: flex;
  box-sizing: border-box;
}

%flex-1 {
  display: flex;
  flex: 1;
  box-sizing: border-box;
}

%flex-row {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
}

%flex-column {
  @extend %flex;
  flex-direction: column;
}

%flex-center {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
